$(function () {

    $('#loginBox a').on('click', function () {

        $('#regBox').show()
        $('#loginBox').hide()

    })

    $('#regBox a').on('click', function () {

        $('#loginBox').show()
        $('#regBox').hide()

    })

    // 自定义校验规则
    let form = layui.form
    form.verify({
        username: [
            /^[\S]{1,12}$/
            , '用户名必须1到12位，且不能出现空格'
        ],

        //我们既支持上述函数式的方式，也支持下述数组的形式
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        pwd: [
            /^[\S]{6,15}$/
            , '密码必须6到15位，且不能出现空格'
        ],

        repwd: function (value) {

            let pwd = $('#regBox input[name="password"]').val()
            if (pwd !== value) {
                return '两次密码不一致'
            }
        }
    });



    // 注册功能
    let layer = layui.layer

    $('#formReg').on('submit', function (e) {
        // 阻止表单默认提交
        e.preventDefault()

        axios({
            method: 'POST',
            url: '/api/reguser',
            data: $(this).serialize()
        }).then(function (res) {
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('恭喜您，注册成功')
            // 注册成功后自动跳转到登录页面
            $('#regBox a').click()
            // 注册成功后，自动清空表单内容
            $('#formReg')[0].reset()
        })
    })

    // 登录功能
    $('#formLogin').on('submit', function (e) {
        // 阻止表单默认提交
        e.preventDefault()

        axios({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize()
        }).then(function (res) {
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('登录成功')
            // 把返回值 token 保存到本地存储
            localStorage.setItem('token', res.data.token)
            // 跳转到index页面！
            location.href = '/index.html'

        })

    })

})